<!DOCTYPE html>
<html lang="en" class=""><head>
    <meta charset="UTF-8">
    <title>马四成个人简历</title>
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal-default-theme.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.min.js"></script>
    <script src="static/js/script.js"></script>
</head>

<body style="zoom: 1; padding-right: 0px;">
    <div class="container" id="cv">
        <div class="side">
            <div class="me">
                <div class="portrait" style="background-image: url('./static/image/msc.png')"></div>
                <!-- <img  class="portrait"  src="./static/image/msc.png" > -->
                <h1 id="username" contenteditable="true">马四成</h1>
                <h4 id="persona-tag" contenteditable="true"><span style="display: inline !important;">Web</span>&nbsp;/ 微信小程序 / 前端开发<br></h4>
            </div>
            <div class="profile info-unit">
                <h2 class="info-header"><i class="iconfont icon-person"></i> <span class="info-title" contenteditable="true">基本信息</span><span class="item-add" style="visibility: hidden;"><i class="iconfont icon-playlistadd"></i></span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="info-list">
                    <li>
                        <label class="left-label" contenteditable="true">姓名</label><span class="label-value" contenteditable="true">马四成</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">学历</label><span class="label-value" contenteditable="true">本科</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">毕业院校</label><span class="label-value" contenteditable="true">龙岩学院</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">毕业年份</label><span class="label-value" contenteditable="true">2016</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="contact info-unit">
                <h2 class="info-header"><i class="iconfont icon-call"></i> <span class="info-title" contenteditable="true">联系方式</span><span class="item-add" style="visibility: hidden;"><i class="iconfont icon-playlistadd"></i></span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="info-list">
                    <li>
                        <label class="left-label" contenteditable="true">手机</label><span class="label-value" contenteditable="true">18011850855</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">邮箱</label><span class="label-value" contenteditable="true">297876926@qq.com</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    
                    <li>
                        <label class="left-label" contenteditable="true">Github</label><span class="label-value" contenteditable="true">github.com/masicheng</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="skill info-unit">
                <h2 class="info-header"><i class="iconfont icon-star"></i> <span class="info-title" contenteditable="true">技能点</span><span class="item-add" style="visibility: hidden;"><i class="iconfont icon-playlistadd"></i></span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="progress-list">
                    <li>
                        <label class="left-label" contenteditable="true"><span style="background-color: rgb(245, 245, 245); display: inline !important;">Javascript</span></label>
                        <progress value="77.34375" max="100"></progress>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">html/css</label>
                        <progress value="73.4375" max="100"></progress>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    
                    
                <li>
                        <label class="left-label" contenteditable="true"><span style="background-color: rgb(245, 245, 245); display: inline !important;">C<br></span></label>
                        <progress value="34.375" max="100"></progress>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li><li>
                        <label class="left-label" contenteditable="true"><span style="background-color: rgb(245, 245, 245);">Vue</span></label>
                        <progress value="71.87499999999999" max="100"></progress>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li></ul>
            </div>
            <div class="stack info-unit">
                <h2 class="info-header"><i class="iconfont icon-build"></i> <span class="info-title" contenteditable="true">技术栈</span><span class="item-add" style="visibility: hidden;"><i class="iconfont icon-playlistadd"></i></span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="stack-list">
                    <li>
                        <label class="left-label" contenteditable="true">前端</label><span class="label-value" contenteditable="true">Vue全家桶、微信小程序、WePY、Echarts、jQuery、Element-ui、JSON、html5等</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    
                    <li>
                        <label class="left-label" contenteditable="true">后端</label><span class="label-value" contenteditable="true">MySql、Mock、NodeJs等<br></span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    
                    <li>
                        <label class="left-label" contenteditable="true">其它</label><span class="label-value" contenteditable="true">PxCook、Postman、svn、git、npm等</span><span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    
                </ul>
            </div>

            <div class="code info-unit">
                <h2 class="info-header"><i class="iconfont icon-weixin"></i> <span class="info-title" contenteditable="true">个人微信</span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <div class="weixin">
                    <img src="static/image/weixin.png" alt="">

                </div>
            </div>
            
        </div>
        <div class="main">
            <div class="education info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-education"></i> <span class="info-title" contenteditable="true">教育经历</span><span class="item-add" style="visibility: hidden;"><i class="iconfont icon-playlistadd"></i></span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">龙岩学院 - 信息与计算科学（本科）2012-2016</h3>
                        <p contenteditable="true">本科期间，学习C语言与数据结构、计算机组成原理、计算机网络等课程，并获得三等奖学金；</p>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="work info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-work"></i> <span class="info-title" contenteditable="true">工作经历</span><span class="item-add" style="visibility: hidden;"><i class="iconfont icon-playlistadd"></i></span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true"><h3 style="font-size: medium;">2019.09-2019.11<br>深圳市协卓软件有限公司 | 技术部 | Web前端开发工程师</h3></h3>
                        <p contenteditable="true">工作描述：<div>1、参与web端开发、维护工作；</div><div>2、使用Echarts进行图表绘制；</div><div>3、负责重构前端项目页面和整体性能优化；</div><div>4、负责ipad、华为M5、华为M6设备的页面适配工作；</div></p>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    
                <li>
                        <h3 contenteditable="true"><h3 style="font-size: medium;">2016.5-2019.7<br>广州昊达信息科技有限公司 | 研发部 | Web前端开发工程师</h3></h3>
                        <p contenteditable="true"><span style="display: inline !important;">公司简介：公司从事公检法行业软件项目平台产品开发，主要产品有广东诉讼服务网、</span><div>银行查询冻结平台、微法院平台等。</div><div>工作描述：</div><div>1、负责公司微法院平台的建设，借助微信小程序与微信城市服务平台，实现与广东诉讼服务网实现数据、业务的对接；</div><div>2、参与微法院平台项目的原型设计、<span style="display: inline !important;">功能分析及</span><span style="display: inline !important;">前端开发工作；</span></div><div>3、负责与全国微法院平台进行对接；</div><div>4、参与公司银行查询冻结平台的维护，沟通协调银行数据的传输等；</div></p>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li></ul>
            </div>
            <div class="project info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-project"></i> <span class="info-title" contenteditable="true">项目经验</span><span class="item-add" style="visibility: hidden;"><i class="iconfont icon-playlistadd"></i></span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">动态仪表盘</h3>
                        <p contenteditable="true"><div>所属公司：深圳市协卓软件有限公司</div><div>项目类型：Web</div><div>项目时间：2019/09-2019/11</div><div><br></div><div><span style="display: inline !important;">项目描述：</span></div><div>动态仪表盘是一款可视化图表项目，主要功能是实现通过拖拽的方式动态添加图表模板、展示图表数据等功能，通过<span style="display: inline !important;">销售、人力、项目、金融四个板块来查看和分析公司的整体发展情况；</span></div><div><span style="display: inline !important;"><br></span></div><div>工作内容：</div><div>1、使用Echarts绘制销售和人力两个板块中的图表，并且集成到项目中；</div><div>2、使用第三方组件vue-draggable实现图表的拖拽功能；</div><div>3、使用Element-ui的换肤功能实现项目的主题切换，并且实现图表动态加载主题颜色；</div><div>4、项目数据状态管理Vuex的编写，并且通过模块解耦，减少状态管理的滥用；</div><div>5、从网络、本地资源、数据存储、代码等方面优化项目性能；</div></p>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <h3 contenteditable="true">微法院平台-粤公正</h3>
                        <p contenteditable="true">所属公司：广州昊达信息科技有限公司<div>项目类型：小程序</div><div>项目时间：2018/06-2019-07</div><div>项目描述：</div><div>粤公正是一款服务广东省全省法院当事人、律师、法官的小程序，在广东诉讼服务网已有的业务基础上，通过小程序，实现数据和业务对接，为法官办工办案提供便利，也<span style="display: inline !important;">随时随地</span><span style="display: inline !important;">为当事人和律师提供诉讼服务。</span></div><div><span style="display: inline !important;"><br></span></div><div>工作内容：</div><div><span style="display: inline !important;">1、网上立案、网上调解、网上开庭等模块功能的开发；</span><br></div><div><span style="display: inline !important;">2、申请、接入人脸识别功能、对用户进行人脸识别；</span></div><div><span style="display: inline !important;">3、通过canvas进行用户签名，并进行加密传输；</span></div><div><span style="display: inline !important;">4、使用WebRTC技术，对接广东诉讼服务网，实现法官和当事人或律师能在多端实现网上开庭；</span></div><div><span style="display: inline !important;">5、使用OCR技术，识别当事人起诉状内容并且自动填充，简化用户信息的</span><span style="display: inline !important;">填写</span><span style="display: inline !important;">；</span></div><div><span style="display: inline !important;">6、管理项目并参与功能分析，并参与UI设计；</span></div><div><span style="display: inline !important;"><br></span></div><div><span style="display: inline !important;">主要成就：带领6人团队完成项目开发，自2019.1.1上线以来，累积使用人数已达到5w+，日活PV到达1w+<font face="Helvetica" size="1">。</font></span></div>




<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 13.5px; font: 9.0px 'PingFang SC'; color: #666666; -webkit-text-stroke: #666666}
span.s1 {font-kerning: none}
span.s2 {font: 9.0px Helvetica; font-kerning: none}
</style>


</p>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <h3 contenteditable="true">诉讼服务一体机</h3>
                        <p contenteditable="true"><span style=" display: inline !important;">所属公司：广州昊达信息科技有限公司</span><div >项目类型：Web</div><div >项目时间：2017/10-2018-06</div><div ><br></div><div >项目描述：</div><div >整合诉讼服务网平台，将网上立案、司法公开、预约阅卷等功能移植到一体机上；</div><div >工作内容：</div><div ><br></div><div >1、网上立案、用户中心、计算工具等模块的开发；</div><div >2、一体机身份证扫描器的读取和数据接入；</div><div >3、通过高拍仪识别起诉状，然后<span style="display: inline !important;">使用正则表达式</span><span style="display: inline !important;">将起诉状内容进行识别并自动填入；</span></div></p>
                    <span class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    
                </ul>
            </div>
            
            <div class="aboutme info-unit right-paragraph">
                <h2 class="info-header"><i class="iconfont icon-flower"></i> <span class="info-title" contenteditable="true">自我评价</span><span class="unit-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <p contenteditable="true">富有责任感，有着不错的沟通能力，乐于挑战并且喜欢做能带给我成就感的事</p>
            </div>
        </div>
    </div>



<div class="remodal-overlay remodal-is-closed" style="display: none;"></div><div class="remodal-wrapper remodal-is-closed" style="display: none;"><div class="remodal remodal-img remodal-is-initialized remodal-is-closed" data-remodal-id="portrait-modal" tabindex="-1">
                    <h3 contenteditable="true">请输入图片URL地址：</h3>
                    <br>
                    <input type="text" id="avatar-url">
                    <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
                </div></div><div class="remodal-wrapper remodal-is-closed" style="display: none;"><div class="remodal remodal-img remodal-is-initialized remodal-is-closed" data-remodal-id="weixin-modal" tabindex="-1">
                <h3 contenteditable="true">请输入图片URL地址：</h3>
                <br>
                <input type="text" id="weixin-url">
                <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
            </div></div></body></html>
